//条件渲染
const flag = true;
const ele1 = flag?<div>react</div>:<h1>react</h1>;//控制两个元素切换=>使用三目运算符
const ele2 = flag&&<div>react</div>;//决定元素是否显示=>使用短路

//循环渲染
const data = [111,222,333,444,555,666];
const List = ()=>{
    return <ul>
        {
            data.map(item=><li key={item}>{item}</li>)
        }
    </ul>
};